Форум

Sergey1986 · #1 (**permalink**) 28.02.2018, 13:47

Добрый день! Помогите решить задачку))) Заранее спасибо!

html

<div id='"Print_1"></div>
<div id='"Print_2"></div>

Есть запрос на стороне клиента

$.ajax({
						type: "POST",
						url: "file.php",
						dataType: "html",
						data: form_data,
							success: 
		//тут код что бы вставить данные в Print_1 и Print_2 из tag1 и tag2 (в формате html) 
					});

на стороне сервера file.php

echo '
    <div id="tag1">ля ля</div>
    <div id="tag2">пук пук</div>
';

ksa · #2 (**permalink**) 28.02.2018, 14:06

Сообщение от Sergey1986

Помогите решить задачку

Как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div id="Print_1"></div>
<div id="Print_2"></div>
<script type='text/javascript'>
	var str='<div id="tag1">ля ля</div>';
	str+='<div id="tag2">пук пук</div>'
	var o=document.createElement('div');
	// Делаем ХТМЛ
	o.innerHTML=str;
	$('#Print_1').append($(o).find('#tag1'));
	$('#Print_2').append($(o).find('#tag2'));
</script>
</body>
</html>

В твоем случае ты сразу получаешь ХТМЛ и можешь выполнять последние действия...

Sergey1986 · #3 (**permalink**) 28.02.2018, 14:26

т.е. если я все правльно понял
success: function (html) {
$('#Print_1').append($(html).find('#tag1'));
$('#Print_2').append($(html).find('#tag2'));
}

не работает(((

ksa · #4 (**permalink**) 28.02.2018, 14:41

Сообщение от Sergey1986

не работает

Значит ты нам чего-то не договариваешь...

Смотри что именно тебе присылают и какого оно типа. Потому как работающий пример (см.выше) не работать не может.

Sergey1986 · #5 (**permalink**) 28.02.2018, 14:46

file.php
echo '
<div id="tag1">ля ля</div>
<div id="tag2">пук пук</div>
';

$.ajax({
type: "POST",
url: "file.php",
dataType: "html",
data: form_data,
success: function (result) {
//тут должен быть код кторый ответ из echo передаст по двумблокам
}
});

html

<div id='"Print_1">ТУТ ДОЛЖНО БЫТЬ "ЛЯ ЛЯ"</div>
<div id='"Print_2">ТУТ ДОЛЖНО БЫТЬ "ПУК ПУК"</div>

Sergey1986 · #6 (**permalink**) 28.02.2018, 14:47

Сообщение от ksa

Значит ты нам чего-то не договариваешь...

Смотри что именно тебе присылают и какого оно типа. Потому как работающий пример (см.выше) не работать не может.

Пример рабочий, проверил!

Sergey1986 · #7 (**permalink**) 28.02.2018, 15:09

Есть мысли?

ksa · #8 (**permalink**) 28.02.2018, 15:10

Сообщение от Sergey1986

Есть мысли?

Я их тебе уже написал.

Сообщение от ksa

Смотри что именно тебе присылают и какого оно типа.

ksa · #9 (**permalink**) 28.02.2018, 15:20

Скорее всего тебе приходит голимый текст. Тогда будет работать такой вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$.ajax({
		type: "POST",
		url: "tmp1.csp",
		dataType: "html",
		success: function(Html){
			var o=document.createElement('div');
			o.innerHTML=Html;
			$('#Print_1').append($(o).find('#tag1'));
			$('#Print_2').append($(o).find('#tag2'));
		}
	});
});
</script>
</head>
<body>
<div id="Print_1"></div>
<div id="Print_2"></div>
</body>
</html>

Sergey1986 · #10 (**permalink**) 28.02.2018, 15:50

Супер!!!Наконец то заработало! Спасибо огромное))))...
Вопрос в до гонку а как смотреть что приходит и тип?))))Я новичек в делах этих)))

Спасибо вопрос можно закрывать!!!

Форум

Справочник

Discord чат

Курсы javascript